@charset "utf-8";
/* CSS Document */
/*-----ALL CSS START--------*/
body{background-color:#fff; font: Arial, Helvetica, sans-serif;font-family: Tahoma, "Lucida Grande", Verdana, hei;} 
a:visited {color:#666;text-decoration:none;}
a:link,a:active,a:hover{color:#666;text-decoration:none;}
img{border:none;}
*{ margin:0; padding:0; list-style:none;}header,nav{margin:0;padding:0;}
.bg1{background:#ffffff;padding:0;}
.bg2{background:#ffffff; margin-top:8px;padding:0; text-align:left;}
.bg3{background:#ffffff; margin-top:16px;padding:0;text-align:left; }
.bg4{background:#ffffff; margin:-8px;padding:10px;text-align:left;}
.bg5{background:#ffffff; margin-top:16px;padding:10px; vertical-align:middle;text-align:left;}
.bg6{background:#F93; margin:8px -8px -8px;padding:10px;text-align:left;}
.bg3 p{padding:40px 15px 10px 15px; line-height:18px;color:#333;font-size:12px;}
.notice{margin:8px 0 0 10px;position:absolute;background:#09F;width:120px;color:#fff;font: bold 15px Arial, Helvetica;vertical-align:middle;text-align:center;padding:10px; }
.size11{font-size:11px;}.size18 { font-size:18px;}.size12{font-size:12px;}.size{font-size:14px;}.size16{font-size:16px;}
.price{font-family: Tahoma, "Lucida Grande", Verdana, hei;color:#ff7800;}
.bold{ font-weight:bold;}
.color01{ color:#0068b7;}.color02{color:#434343;}.color03{color:#ff7800;}.color04{color:#fff;}.color05{color:#F00; text-shadow:#36F 0px 1px;}.color06{color:#999;}
p{padding:8px 10px;color:#333;font-size:12px;}
p span{ float:right;}

article{text-align:center;}
fieldset
{
    border: 0;
    padding:10px 0;
    margin:0;
	text-align:left;
}
nav{margin-right:0;}
nav ul{display:inline; list-style:none; margin:0; padding:0; width:100%;}
nav ul li{
	float:left;
    padding: 10px 0;
    margin: 0 0 10px 0;
	width:33.333333%;
	vertical-align:middle;
	text-align:center;
	font: bold 15px Arial, Helvetica;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	 }
nav ul li.next{
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:14px;
	text-align:left;
	text-align:center;
	
	background-color: #e6ebf1;
}
/*------input text------*/
.text, .text_01{
	display:inline-block;
    padding: 5px 0;
    margin: 10px 0 10px 0;
	width:100%;
	vertical-align:middle;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:16px;
	text-align:left;
	background:#F1F1F1;
}
.text_01{ background:url(../img/login-sprite.png) no-repeat right -2px #f1f1f1;}
.text:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}
.text_01 label{color:#666;padding: 10px 0 0 10px; float:left;font-size:14px;}
.text input, .text_01 input, .text_01 select{
	background: none;
    padding: 10px;
	border:none;
	width:45%;
	color:#666;
	text-align:right;
	font-size:16px;
	text-align:left;
	text-decoration:none;
	font: Arial, Helvetica, sans-serif;font-family: Tahoma, "Lucida Grande", Verdana, hei;
}
.text_01 input{ 
	float:right;
	margin-right:30px;
	color:#39F;text-align:right;
  }
.text_01 select{ 
	line-height:35px;
	float:right;
	margin-right:20px;
	color:#39F;
	}
/*-----date css-------*/
.date{float:left;width:50%;padding:8px 0 8px 0;text-align:left;}
.date img{vertical-align:bottom;}

.datestartdiv{float:left;width:48%;margin-bottom:10px;}
.datestart {padding:10px; text-align:left;background:url(../img/cityselect-1.png) right center no-repeat #f1f1f1;border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;} 
.datestart dd{margin:5px 0;}

.datefont{background:url(../img/login-sprite.png) left -56px no-repeat #fff;text-align:left;padding:10px 0 10px 25px;margin:-5px 0;width:40%;margin-bottom:2px;}

.datemargin{ float:right;}
.datechina{ font-size:11px ;color:#666;padding:15px 0 10px 25px;background:url(../img/login-sprite.png) left -55px no-repeat #fff;width:100%}

/*-------address css------*/
.address{padding:5px 0 10px 0; vertical-align:top; background:url(../img/cityselect.png) right center no-repeat;text-align:left;border-bottom:1px #e8ebef solid;}
.address img{ vertical-align:bottom;padding-right:5px;}
/*----------------hotel name----------*/
#hotel_list{color:#666; background:#FFF;}
.hotelname{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; font-size:15px;text-align:left;}
.hotelname img{
	padding:5px 5px 0 0;
	vertical-align:bottom;
	
}
.roomstyle{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; background:url(../img/cityselect.png) right center no-repeat;border-top:1px #e8ebef solid;padding:8px 0 5px 0;}
.roomstyle{ background-position:right 8px;}
/*-----------button/submit: hover/focus/active css---------*/
#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
}
#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}
/*-------------ALL CSS END----------*/


/*-------------------------hotel_list--------------------------------------*/
#datelist{background:#39F}
/*--------------------------*/

#hotel_list ul {
	display:inline-block;
	width:100%;
	margin-top:5px;
	border-bottom:1px #e8ebef solid;
}
#hotel_list ul li{
	padding:5px 0;
	float:left;
}
.hotelpic{width:20%; text-align:center;}
.hoteldp{width:50%;}
.hoteldp dt{margin-top:2px;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.hotelprice{ 
	width:22%; 
	text-align:left;
	margin-top:15px;
	
}
.hotelj{ vertical-align:middle;width:8%;margin-top:20px;}
/*--------------------*/

#hotelselect{margin:0;padding:0;}
#hotelselect ul{display:inline; list-style:none; margin:0; padding:0; width:100%;}
#hotelselect ul li{
	float:left;
    padding: 10px 0;
    margin: 0 0 10px 0;
	width:33.333%;
	vertical-align:middle;
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:14px;
	text-align:left;
	
	background-color: #e6ebf1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #cccccc, #f1f1f1);
    background-image: -moz-linear-gradient(top, #cccccc, #f1f1f1);
    background-image: -ms-linear-gradient(top, #cccccc, #f1f1f1);
    background-image: -o-linear-gradient(top, #cccccc, #f1f1f1);
    background-image: linear-gradient(top, #cccccc, #f1f1f1);
}
#hotelselect ul li dd{
	margin-left:10px;
	font: bold 15px Arial, Helvetica;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
#hotelselect ul ul{margin-left:5px;}
#hotelselect ul ul li{
	background:none;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
	width:33.333%;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
	box-shadow:none;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
	float:left;
	color:#666;
	cursor:pointer;
}
